<template>
  <div class="example">
    <el-switch v-model="isDebug" active-text="debug_on" inactive-text="debug_off"></el-switch>
    <div class="gis_content">
      <DcCesium
        ref="dcCesium"
        :isDebug="isDebug"
        :mapMode="3"
        @editLineComplete="editLineComplete"
        @editAreaComplete="editAreaComplete"
      />
    </div>
  </div>
</template>

<script>
const DcCesium = () => import("./DcCesium.vue")

export default {
  components: {
    DcCesium,
  },
  data() {
    return {
      isDebug: true,
    }
  },
  methods: {
    editLineComplete(positions) {
      console.log("editLineComplete", positions)
    },
    editAreaComplete(positions) {
      console.log("editAreaComplete", positions)
    },
  },
  created() {},
}
</script>

<style lang="scss">
.example {
  .gis_content {
    margin-bottom: 20px;
    width: 1200px;
    height: 500px;
    padding: 20px;
    border: 1px solid #000;
  }
}
</style>
